import {ReactNode} from "react";
import {Card, Space, Button, Typography} from '@douyinfe/semi-ui';

const PersonIntroduction = (props: { name: string, introduction: string, avatar: ReactNode }) => {
    const {Meta} = Card;
    const {Text} = Typography;
    return (
        <Card
            style={{maxWidth: 340}}
            title={
                <Meta
                    title={props.name}
                    description="好用、实用、耐用、听话、出活"
                    avatar={
                        props.avatar
                    }
                />
            }
            headerExtraContent={
                <Text link>
                    更多
                </Text>
            }
            footerLine={true}
            footerStyle={{display: 'flex', justifyContent: 'flex-end'}}
            footer={
                <Space>
                    <Button theme='borderless' type='primary'>成员</Button>
                    <Button theme='solid' type='primary'>出活</Button>
                </Space>
            }
        >
            {props.introduction}
        </Card>
    )
}
export default PersonIntroduction